<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="layout">
  <head>
  	<title>比赛报名管理</title>
    <script type="text/javascript">
    	$(function(){
    		setMenu("财务管理")
    		$.ajaxData({url:"info-detail-count", success:function(ret){
    			$("#infoCounts").loadData(ret);
    		}});
    		//表格加载数据
    		$("#page").page({url:"getTableData",data:{},success:function(obj){
	    		$.each(obj.obj.content, function(i,v){
	    			v.createdAt = new Date(v.createdAt).Format("yyyy.MM.dd");
	    		});
	    		$("#pageTabel").loadData(obj.obj);
	    	}});
    		
    		//查看账单
    		$('.table').on('click','td a',function(e){
    			var $temp = $("#financeMask").clone();
    			$temp.dilog({title:"账单详细",width:"800px"});
    		});
    	});
    </script>
  </head>
  <body>
	<div layout:fragment="content" class="content" id="modal">
         	
         	<div class="modal">
         		<div class="detail">
         			<div class="detail-top">
         				<label class="detail-title">关键数据<i class="icon-help"></i></label>
         			</div>
         			<div class="detail-cont">
         				<script type="text/template" id="infoCounts">
         				<div class="detail-c-box1">
         					<div class="detail-c">
         						<div class="detail-c-label">总收入</div>
         						<div class="detail-c-count"><strong>#{totalMoney}#</strong></div>
         					</div>
         				</div>
						<div class="detail-c-box1">
         					<div class="detail-c">
         						<div class="detail-c-label">即将到账</div>
         						<div class="detail-c-count"><strong>#{quickMoney}#</strong></div>
         					</div>
         				</div>
						</script>
         			</div>

         			
       				<div class="detail-table">
       				<h4 class="detail-table-title">
						报名用户
						<span class="detail-table-more">
							<a href="javascript:export_execl();"><i class="icon_export"></i></a>
						</span>
					</h4>
				    <div class="table_list">
		               <div class="">
		                   <table class="table">
		                       <thead>
		                           <tr>
		                      		   <th width="6%" >单号</th>
		                               <th width="6%" >日期</th>
		                               <th width="16%" >比赛组</th>
		                               <th width="20%" >比赛</th>
		                               <th width="16%" >机构</th>
		                               <th width="6%" >报名人数</th>
		                               <th width="6%" >报名费用</th>
		                               <th width="6%" >平台提成</th>
		                               <th width="6%" >收入</th>
		                               <th width="6%" >账单</th>
		                               <th width="6%">到账状态</th>
		                           </tr>
		                       </thead>
		                       <tbody>
		                       <script type="template" id="pageTabel">
								#for(data:content)#
									<tr>
										<td>暂无</td>
										<td>#{createdAt}#</td>
										<td>#{groupName}#</td>
										<td>#{title}#</td>
										<td>#{organizationName}#</td>
										<td>#{applyNumber}#</td>
										<td>#{orderSum}#</td>
										<td>暂无</td>
										<td>暂无</td>
										<td><a href="#">查看</a></td>
										<td>暂无</td>
									</tr>
								#endfor#
								</script>
		                     </tbody>
		                 </table>
		                 <div id="page"></div>
		             </div>
		          </div>
		          </div>
         		</div>
			</div>
	
		<div id="financeMask"  style="display:none">
		<div class="mask_div">
			<label class="form-label-new ">评论内容 :</label>
			<div class="mask"><textarea cols="30" rows="5"  style="float:left;max-width: 628px;line-height:2.0" class="context input-newlarge3" name="" ></textarea></div>
		</div>
		<div class="mask_div">
			<label class="form-label-new ">比赛名称 :</label>
			<div class="mask">
			<select class="name input-newlarge3"  style="float:left;">  
	            <option value="-1">---请选择比赛名称---</option>  
    		</select>
			</div>
		</div>
	</div>
	
	</div>
  </body>
</html>